// 初始化富文本编辑器
initEditor()


// 1. 初始化图片裁剪器
var $image = $('#image')

// 2. 裁剪选项
var options = {
    aspectRatio: 400 / 280,
    preview: '.img-preview'
}

// 3. 初始化裁剪区域
$image.cropper(options);


initCate();
// 定义加载文章分类的方法
function initCate() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',
        success: function(res) {

            console.log(res, "-----")
            if (res.status !== 0) {
                return layer.msg('初始化文章分类失败！')
            }
            // 调用模板引擎，渲染分类的下拉菜单
            var htmlStr = template('tpl-cate', res)
            $('[name=cate_id]').html(htmlStr)
                // 一定要记得调用 form.render() 方法
            layui.form.render()
        }
    })
}


// 更具id获取对应的文章
var id = localStorage.getItem('id');

$.ajax({
    url: "/my/article/" + id,
    type: "get",
    success: function(msg) {
        console.log(msg, "-----------");
        $('#title').val(msg.data.title);

        //循环遍历所有的option，取出每一个option的value值 和 当前文章的cate_id
        // 比对，如果相同，意味着当前这个option应该被选中
        for (var i = 0; i < $('select').children().length; i++) {
            if ($('select').children().eq(i).attr('value') == msg.data.cate_id) {
                alert(12345)
                $('select').children().eq(i).attr('selected', 'selected');
                layui.form.render();
            }
        }

        // 给tinymce赋值
        // $('#richtext').val(msg.data.content)
        setTimeout(function() {
            tinyMCE.activeEditor.setContent(msg.data.content)
        }, 500);


        // 为裁剪区域重新设置图片
        $image
            .cropper('destroy') // 销毁旧的裁剪区域
            .attr('src', 'http://api-breakingnews-web.itheima.net' + msg.data.cover_img) // 重新设置图片路径
            .cropper(options) // 重新初始化裁剪区域
    }
})